<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="kr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>산림재해포털서비스</title>

<!-- <link href="/extLib/jquery-ui-1.11.0/jquery-ui.css" rel="stylesheet"> -->
<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" />
<link href="/css/flick/jquery-ui-1.10.4.custom.min.css" rel="stylesheet">

<script type="text/javascript" src="/js/jquery-1.11.1.min.js"></script>


<script type="text/javascript" src="/js/common/g_common.js"></script>
<script type="text/javascript" src="/js/common.js"></script>
<script src="/js/jquery-ui-1.10.4.min.js"></script>

<script src="/js/common/gDialog.js"></script>


<script type="text/javascript" src="/js/content/FmapWebService.js"></script>
<script type="text/javascript" src="/js/content/FmapLocation.js"></script>
<script type="text/javascript" src="/js/content/FmapGeoTag.js"></script>
<script type="text/javascript" src="/js/common/ajaxfileupload.js"></script>

<!-- 시도/시군구 좌표 -->
<script type="text/javascript" src="/js/content/gmap/sidoSggExtent.js"></script>


<link type="text/css" rel="stylesheet" href="/css/content/gmap/reset.css" />
<link type="text/css" rel="stylesheet" href="/css/content/gmap/sample.css" />


<script type="text/javascript" src="/js/content/gmap/sampleAPIGMapParams.js"></script>
<script type="text/javascript" src="/js/content/gmap/sampleAPIGGetFeatureParams.js"></script>
<script type="text/javascript" src="/js/content/gmap/sampleAPIGMap.js"></script>
<script type="text/javascript" src="/js/content/gmap/mapFunction.js"></script>

<!-- 퍼블리싱 추가 -->
<link rel="shortcut icon" href="/images/favicon.ico" title="산림청" />
<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.custom.min.css" />
<link rel="stylesheet" type="text/css" href="./css/introjs.css" />
<link rel="stylesheet" type="text/css" href="./css/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="./css/forest.css" />
<link rel="stylesheet" type="text/css" href="./css/custom.css" />

<!-- js 라이브러리 -->
<!--[if lt IE 9]>
<script type="text/javascript" src="./js/libs/html5shiv.js"></script>
<script type="text/javascript" src="./js/libs/excanvas.js"></script>
<![endif]-->

<script type="text/javascript" src="./js/libs/jquery-migrate-1.2.1.min.js"></script>

<script type="text/javascript" src="./js/libs/spin.min.js"></script>
<script type="text/javascript" src="./js/libs/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="./js/libs/jquery.isotope.min.js"></script>
<script type="text/javascript" src="./js/libs/intro.custom.js"></script>
<script type="text/javascript" src="./js/libs/handlebars.js"></script>
<script type="text/javascript" src="./js/libs/yepnope.1.5.4-min.js"></script>

<!-- UI제어 관련 js파일 -->
<script type="text/javascript" src="./js/common_ui.js"></script>
<script type="text/javascript" src="./js/config.js"></script>
<script type="text/javascript" src="./js/func_ui.js"></script>
<script type="text/javascript" src="./js/router.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<!-- input, textarea placeholder for IE8 -->
<script type="text/javascript" src="./js/libs/placeholders.min.js"></script>

<!-- Tree 관련 js파일  -->
<!-- <link href="./js/libs/jquery.dynatree-1.2.5-dist/skin/ui.dynatree.css" rel="stylesheet" type="text/css" id="skinSheet" />
<script type="text/javascript" src="./js/libs/jquery.dynatree-1.2.5-dist/jquery.dynatree.js"></script>
 -->
<script type="text/javascript" src="./js/content/gmap/layerTOCTree.js"></script>
<!-- 색상선택 Spectrum -->
<script src='./js/spectrum/spectrum.js'></script>
<link rel='stylesheet' href='./css/spectrum/spectrum.css' />


<!-- highcharts -->
<script type="text/javascript" src="./js/libs/Highcharts-4.0.4/js/highcharts.js"></script>


<!-- 메세지 박스 관련 css -->
<link href="/css/common/gforestResetjQueryUi.css" rel="stylesheet">

<script type="text/javascript">
function fn_testMessage(){
	var dialogDiv = fnMessageBox("내용111111", {
		"width": 400
		, "height": 400
		, "buttons": MessageBoxButtons.OK_CANCEL
		, "fn": { "ok": function () {
		
				
						var html = jQuery("<p />");
						
						var content = "<div>닫기 전에 내용 변경 될것.</div>"
						html.append(content);
						
						jQuery(dialogDiv[0]).find("p").empty().append(html);
						
						alert("close");
						dialogDiv.dialog("close"); 
					}
				} 
	});
}

/* 인도네시아  */
function fn_showIndonesiaImageWindow(){
	var Url = "/fmapWebService/showIndonesia.do";
	 $("#gsbimg").empty(); 
	$.post(Url
			,{"bkmntLctnSeq" : "2" }
			,function(data){
		     for (var i = 0; i < data.list.length; i++) {
				for(var values in data.list[i]){
					var item = data.list[i];
					if(values=="attchFileUrl"){
						var li=$("<li></li>");
						var img=$('<img src="images/galleryNoimg_s.gif" />');
						var id =values+i;
						img.attr("id",id);
						li.append(img);
						$("#gsbimg").append(li);
						$("#"+id).attr("src",item[values]);
					};
				};
			};
	});
	$("#pop1").show();
}

/* 다분면창 */
function fn_showMutiMapWindow(){
	var popUrl = "/multiMap.do";
	var popNm = "다분면창";
	var popOpt = "width=688,resizable=yes,height=300,scrollbars=no,status=no,toolbar=no";//571
	window.open(popUrl, popNm, popOpt);
}

/* 오른쪽지도목록 */
function fn_rightMenu_1(){
	$("#right-tab1-menu").show();
	$("#right-tab2-menu").hide();
	document.thematicTree.fn_thematicContent1();
	$("#thematicTree").css('height','360px');
}
function fn_rightMenu_2(){
	$("#right-tab1-menu").hide();
	$("#right-tab2-menu").show();
	document.thematicTree.fn_thematicContent4();
	//$("#thematicTree").css('height','414px');
	$("#thematicTree").css('height','360px');
}
</script>


<script type="text/javascript">
$(document).ready(function(){
	$("#buttomTabs").tabs({
		activate:function(event,ui){
			var searchText = $("#searchText").val();
			if(ui.newPanel.selector == "#searchBldgTab"){
				var url = '/searchBldg.do?schKwd=' + searchText;
				if($("#bldgSearchResult").attr("src") != url){
					$("#bldgSearchResult").attr("src",url);
				}
			}else if(ui.newPanel.selector == "#searchForestInfoTab"){
				var url = '/searchForestInfo.do?schKwd=' + searchText;
				if($("#forestInfoSearchResult").attr("src") != url){
					$("#forestInfoSearchResult").attr("src",url);
				}
			}else if(ui.newPanel.selector == "#searchGeoTagTab"){
				var url = '/searchGeoTag.do?schKwd=' + searchText;
				if($("#geoTagSearchResult").attr("src") != url){
					$("#geoTagSearchResult").attr("src", url);
				}
			}else if(ui.newPanel.selector == "#searchAddrTab"){
				var url = '/searchAddr.do?schKwd=' + searchText;
				if($("#totalSearchResult").attr("src") != url){
					$("#totalSearchResult").attr("src", url);
				}
			}
			
			//debugger;
		}
	});
	
	 
});
</script>
</head>
<body class="claro">
	<!-- 상단 레이어 -->
	<div class="top">
		<div class="logoForest">
			<img src="./images/logo.png" width="154" height="40" alt="산림청" />
		</div>
		<div class="nav-bar">
        <ul class="nav nav-pills">
          <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">발생조사 <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#" class="act-point" role="point">점정보 등록</a></li>
              <li><a href="#" class="act-polygon" role="polygon">면정보등록</a></li>
              <li><a href="#" class="act-excelupload" role="excelupload">엑셀업로드</a></li>
              <li><a href="#" role="listpop1" >발생조사 현황</a></li>
            </ul>
          </li>
          <li><a href="/Templates/사업계획 관리.html" class="dialog">방제계획</a> </li>
          <li class="dropdown"><a href="#contact" class="dropdown-toggle" data-toggle="dropdown">방제실적 <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#" role="rst_rgst">방제실적 등록</a></li>
              <li><a href="#" role="excelupload2">엑셀업로드</a></li>
              <li><a href="#" role="listpop2">방제실적 현황</a></li>
              <li><a href="#" role="fullcalendar">병해충 달력</a></li>
            </ul>
          </li>
          <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">보고관리 <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="/Templates/보고관리-지자체.html" id="" class="dialog">보고관리-지자체</a></li>
              <li><a href="/Templates/보고관리-시도.html" id="" class="dialog">보고관리-시도</a></li>
              <li><a href="/Templates/보고관리-산림청.html" id="" class="dialog">보고관리-산림청</a></li>
            </ul>
          </li>
          <li><a href="#contact">발생경보</a></li>
          <li><a href="#contact" class="dropdown">병해충 현황 </a>
            <ul class="dropdown-menu">
              <li><a href="#" role="listpop3">병해충 총괄표</a></li>
              <li><a href="#" role="fullcalendar">병해충 달력</a></li>
            </ul>
          </li>
        </ul>
        <form class="navbar-form navbar-right">
          <label class="control-label">경남도청 홍길동님 환영합니다.</label>
          <button type="submit" class="btn btn-success btn-xs">로그아웃</button>
        </form>
      </div>
		<div class="topGoMenu">
			<span class="service-title">병해충업무통합관리서비스</span>
		</div>

		<div class="top_UI">
			<div class="topLocation1 ft_white">
				<label id="locationSido" >시도</label> > <label id="locationSgg" >시군구</label> > <label id="locationEmd">읍면동 </label><a href="#" id="btnFindLocFromHDM" onclick="fn_objShow('#selectLocationHDM')"><img src="./images/bu_aw4.png" /></a>
			</div>
			<div class="topLocation2 ft_white">
				<label id="locationCm100">지방산림청</label> > <label id="locationCm300">지방국유림관리소</label><a href="#" id="btnFindLocFromFMO" onclick="fn_objShow('#selectLocationFMO')"><img src="./images/bu_aw4.png" /></a>
			</div>
<!-- 이순현			<div class="topJoojedo">
				<ul class="sideby">
					<li><a title="임상도" onclick="fn_themeShow('임상도')" href="#" class="basemap-select base on"><img src="./images/mapMount_chkd01.png" alt="임상도" /></a></li>
					<li><a title="산지구분도" onclick="fn_themeShow('산지구분도')" href="#" class="basemap-select base"><img src="./images/mapMount_unchkd02.png" alt="산지구분도" /></a></li>
					<li><a title="임도망도" onclick="fn_themeShow('임도망도')" href="#" class="basemap-select base"><img src="./images/mapMount_unchkd03.png" alt="임도망도" /></a></li>
					<li><a title="백두대간" onclick="fn_themeShow('백두대간')" href="#" class="basemap-select base"><img src="./images/mapMount_unchkd04.png" alt="백두대간" /></a></li>
				</ul>
			</div> -->
			<div class="topJoojedo">
                <ul class="sideby">                    
                    <li><a title="주제도" href="#" onclick="fn_toggleMenu('thematicToggleMenu');" class="basemap-select base"><img src="./images/mapMount_unchkd01.png" alt="주제도" /></a></li>                  
                </ul>
            </div>
			
			<div class="topMapType">
				<ul class="sideby">
					<li><a title="일반" onclick="fn_baseMapChange('일반');" href="#" class="basemap-select base on"><img src="./images/mapKind_chkd_01.png" alt="일반" /></a></li>
					<li><a title="항공사진" onclick="fn_toggleMenu('flightToggleMenu');" href="#" class="basemap-select satellite"><img src="./images/mapKind_unchkd_02.png" alt="항공사진" /></a></li>
					<li><a title="위성영상" onclick="fn_toggleMenu('satelliteToggleMenu');" href="#" class="basemap-select hybrid"><img src="./images/mapKind_unchkd_03.png" alt="위성영상" /></a></li>
				</ul>
			</div>
			
			<div class="topIcon">
				<ul class="sideby">
					<li><a title="전체보기" href="#" onclick="fn_mapCommend('zoomToMaxExtent');" class=""><img src="./images/topIcon_off_04.png" alt="전체보기" class="RollOver" /></a></li>
					<li><a title="정보조회" href="#" onclick="fn_setDefaultSearch('attrPoint');" class=""><img src="./images/topIcon_off_05.png" alt="정보조회" class="RollOver" /></a></li>
					<li><a title="초기화" href="#" onclick="fn_mapCommend('clean')"  class=""><img src="./images/topIcon_off_06.png" alt="초기화" class="RollOver" /></a>
					<li><a title="지도인쇄" href="#" onclick="fn_showPrintWindow()" class=""><img src="./images/topIcon_off_07.png" alt="지도인쇄" class="RollOver" /></a></li>
					<li><a title="지도저장" href="#" onclick="fn_mapCommend('mapSave')" class=""><img src="./images/topIcon_off_13.png" alt="지도저장" class="RollOver" /></a></li>
					<li></li>
				</ul>
				
				<div class="reldiv shapeSelect-container">
                    <!-- 도형 선택 팝업 -->
                    <div class="shapeSelect sideby">
                        <ul>
                            <li style="border-right:1px dashed #B5B5B5; padding-top: 5px; padding-bottom: 5px;">
                            	<a href="javascript:fn_setDefaultSearch('attrPoint')" title="점">점</a>
                            </li>
                            <li style="border-right: 1px dashed #B5B5B5; padding-top: 5px; padding-bottom: 5px;">
                            	<a href="javascript:fn_setDefaultSearch('attrCircle')" title="원">원</a>
                            </li>
                            <li style="padding-top: 5px; padding-bottom: 5px;">
                            	<a href="javascript:fn_setDefaultSearch('attrPolygon')" title="다각형">다각형</a>
                            </li>
                        </ul>
                    </div>
                    <!-- //도형 선택 팝업 -->
                </div>
				
			</div>
			<div class="" style="position:absolute; background-color:#FFFFFF; right:230px;" id="divSetSearchInfomation">
			<span><a href="javascript:fn_setDefaultSearch('attrPoint')">점</a></span>
			<span><a href="javascript:fn_setDefaultSearch('attrCircle')">원</a></span>
			<span><a href="javascript:fn_setDefaultSearch('attrPolygon')">면</a></span>
			</div>
		</div>
  	</div>
  	<!--시도,시군구,읍면동선택-->
	<div id="selectLocationHDM" class="selectLocation" style="display: none;">
		<div id="selectDo" class="locList sltLoc01">
			<ul></ul>
		</div>
		<div id="selectSgg" class="locList sltLoc02">
			<ul></ul>
		</div>
		<div id="selectEmd" class="locList sltLoc03">
			<ul></ul>
		</div>
		<!--<div id="selectRi"> 
		<div id="testResult" style="float:left; margin-left: 100px;"><ul></ul></div> -->
		<div class="bt">
			<a href="javascript:fn_moveSelectLocation();" title="확인"><img src="images/bt_check.png" alt="확인" /></a>
			<a href="#" title="취소" onclick="fn_objHide('#selectLocationHDM')"><img src="images/bt_cancel.png" alt="취소" /></a>
		</div>
	</div>
	  	<!-- 각지청, 국유림관리사무소 선택 -->
	<div id="selectLocationFMO" class="selectLocation_ed" style="display: none;">
		<div id="selectNewsco" class="locList sltLoc01">
			<ul></ul>
		</div>
		<div id="selectAttchMo" class="locList sltLoc02">
			<ul></ul>
		</div>
		<!--<div id="selectRi"> 
		<div id="testResult" style="float:left; margin-left: 100px;"><ul></ul></div> -->
		<div class="bt">
			<a href="javascript:fn_moveSelectLocation();" title="확인"><img src="images/bt_check.png" alt="확인" /></a>
			<a href="#" title="취소" onclick="fn_objHide('#selectLocationFMO')"><img src="images/bt_cancel.png" alt="취소" /></a>
		</div>
	</div>
	<!--임상도 서브메뉴-->
	<!-- <div class="subMenu">
		<ul class="sideby">
			<li><a href="javascript:fn_overlapLayerVisible(['TB_FGDI_FS_IM400_5']);" title="수종별"><img src="./images/mapMount_chkd0101.png" alt="수종별" /></a></li>
			<li><a href="javascript:fn_overlapLayerVisible(['TB_FGDI_FS_IM400_51']);" title="경급별"><img src="./images/mapMount_unchkd0102.png" alt="경급별" /></a></li>
			<li><a href="javascript:fn_overlapLayerVisible(['TB_FGDI_FS_IM400_52']);" title="영급별"><img src="./images/mapMount_unchkd0103.png" alt="영급별" /></a></li>
			<li><a href="javascript:fn_overlapLayerVisible(['TB_FGDI_FS_IM400_53']);" title="일도별"><img src="./images/mapMount_unchkd0104.png" alt="일도별" /></a></li>
		</ul>
	</div> -->
	
	<div id="thematicToggleMenu" class="bubble" style="right: 320px; display: none;">
		<img src="./images/sub_naviArrow.png" class="bubbleTop">
		<ul class="subPopMenu">
		    <li>
		        <a href="#" title="임상도3차" class="s01">임상도3차</a>
		        <ul>
		            <li><a href="#" title="수종별" class="buttonGreen">수종별</a></li>
		            <li><a href="#" title="경급별" class="buttonGreen">경급별</a></li>
		            <li><a href="#" title="영급별" class="buttonGreen">영급별</a></li>
		            <li><a href="#" title="밀도별" class="buttonGreen">밀도별</a></li>
		        </ul>
		    </li>
		    <li>
		        <a href="#" title="임상도3차" class="s01">임상도3차</a>
		        <ul>
		            <li><a href="#" title="수종별" class="buttonGreen">수종별</a></li>
		            <li><a href="#" title="경급별" class="buttonGreen">경급별</a></li>
		            <li><a href="#" title="영급별" class="buttonGreen">영급별</a></li>
		            <li><a href="#" title="밀도별" class="buttonGreen">밀도별</a></li>
		        </ul>
		    </li>
		    <li>
		        <a href="#" title="임상도3차" class="s01">임상도3차</a>
		        <ul>
		            <li><a href="#" title="수종별" class="buttonGreen">수종별</a></li>
		            <li><a href="#" title="경급별" class="buttonGreen">경급별</a></li>
		            <li><a href="#" title="영급별" class="buttonGreen">영급별</a></li>
		            <li><a href="#" title="밀도별" class="buttonGreen">밀도별</a></li>
		        </ul>
		    </li>
		</ul>
		
		<ul class ="jujedo">
		    <li><a href="#" title="백두대간">백두대간</a></li>
		    <li><a href="#" title="맞춤형조림지도">맞춤형조림지도</a></li>
		    <li style="margin-right:0px;"><a href="#" title="임도망도">임도망도</a></li>
		</ul>
	</div>
	
	<div id="flightToggleMenu" class="bubble" style="right: 390px; display: none;">
		<img src="./images/sub_naviArrow.png" class="bubbleTop">
		<ul class="subPopMenu">
		    <li>
		        <a href="#" title="과거 항공사진" class="s01">과거 항공사진</a>
		        <ul>
		            <li><a href="#" title="수종별" class="buttonGreen">산림과학원</a></li>
		        </ul>
		    </li>
		    <li>
		        <a href="#" title="최근 항공사진" class="s01">최근 항공사진</a>
		        <ul>
		            <li><a href="#" title="수종별" class="buttonGreen" onclick="fn_baseMapChange('겹쳐보기');">국토지리정보원</a></li>
		                  </ul>
		              </li>
		          </ul>
		      </div>
		      
		<div id="satelliteToggleMenu" class="bubble" style="right: 250px; display: none;">
			<img src="./images/sub_naviArrow.png" class="bubbleTop">
			<ul class="subPopMenu">
			    <li>
			        <a href="#" title="최근 위성영상" class="s01">최근 위성영상</a>
			        <ul>
			            <li><a href="#" title="항공우주원" class="buttonGreen">항공우주원</a></li>
			        </ul>
			    </li>
			    <li>
			        <a href="#" title="시계열 위성영상" class="s01">시계열 위성영상</a>
			        <ul>
			            <li><a href="#" title="1985" class="buttonGreen">1985</a></li>
			            <li><a href="#" title="1995" class="buttonGreen">1995</a></li>
			            <li><a href="#" title="2014" class="buttonGreen">2014</a></li>
			        </ul>
			    </li>
			</ul>
		</div>
	
	
	<!-- //상단 레이어 -->
	<!-- 하단 레이어 -->
	<div class="bottom">
		<img src="./images/bottomLeft.png" width="614" height="42" 
			alt="본 지도서비스는 법적효력이 없으므로, 해당기관에 연락하셔서 확인하시기 바랍니다. copyrights korea forest service. 2013" />
	</div>
	<div class="BottomRight">
		<img src="./images/bottomRight.png" width="123" height="96" alt="" />
	</div>
	<div class="logoBox">
		<div class="logoBig">
			<ul class="sideby">
				<li>
					<a href="http://www.forest.go.kr" target="_blank" title="산림청홈페이지로 새창 이동합니다.">
						<img src="./images/logoBox_off_03.png" class="RollOver" alt="산림청" />
					</a>
				</li>
				<li>
					<img src="./images/logoBox_off_05.png" tabindex="0" title="도움말 파일이 새창 다운로드됩니다." 
						class="RollOver" onclick="helpPDFDown();" alt="도움말" />
				</li>
			</ul>
		</div>
	</div>
	<!-- //하단 레이어 -->
	<!-- 지도 레이어 -->
	<div id="content" class="mapBox">
		<!-- 지도 -->
		<div id="map">
			<!-- 축척바 부분 -->
			<div id="scalebar" class="divScaleBar"></div>
			<!-- 지도 좌측 디자인 -->
			<div class="left"></div>
			<!-- 속성정보선택 -->
			
			<div class="pop" id="selectedPointResult">
				<div class="woodBox">
					<div class="woodBoxTop">
						<div>
							<img src="./images/bu_aw5.png" class="bu" alt="" />
							<span style="font-size:13px;font-weight:bold">정보조회</span>
							<img src="./images/btClose_off.png" width="29" height="26" alt="" class="RollOver closeBtn" />
						</div>
					</div>
					<div class="woodBoxBody">
						<div class="contents">
							<div class="text_box">
								<table style="height:100%; width:100%;">
								<tr>
									<td style="width:170px; height:100%;">
										<div style="width:100%; height:250px; border:1px solid #000000; overflow-y:auto; ">
											<ul  id="frestInfomationPosList">
											
											</ul>
										</div>
									</td>
									<td>
										<div style="width:97%; height:250px; border:1px solid #000000; overflow-y:auto; "  id="frestInfomationPosData">
											
										</div>
									</td>
								</tr>
							</table>
							</div>
						</div>
					</div>
					<div class="woodBoxFoot">
						<img src="./images/woodpopup04_bottom.png" alt="" />
					</div>
				</div>
			</div>
			
			

			<!-- Loding Bar -->
			<img id="loading_bg" src="./images/loading_bg1.png" 
				style="position:absolute; right:39%; top:40%; z-index:100;" alt="" />
			<img id="loadingImg" src="./images/loading1.gif" 
				style="position:absolute; right:39.8%; top:41%; z-index:100;" 
				alt="지도 이미지를 요청중입니다. 시스템 환경에 따라 잠시 지연될 수 있습니다." />
			<!-- //Loding Bar -->

			<!-- webservice 항목조회 -->
			<div class="geoTagDetail" id="searchTitleDetail">
				<div class="woodBox">
					<div class="woodBoxTop">
						<div>
							<img src="./images/bu_aw5.png" class="bu" alt="" />
							<span style="font-size:13px;font-weight:bold">항목조회결과</span>
							<img src="./images/btClose_off.png" width="29" height="26" alt="" class="RollOver closeBtn" />
						</div>
					</div>
					<div class="woodBoxBody">
						<div class="contents">
							<div class="text_box" id="titleServiceArea">
								<table border="0" summary="항목조회" class="table_total"	cellspacing="1" cellpadding="5">
									<caption>항목조회</caption>
									<tbody>
										<tr><th scope="col">임도명</th><td id="tableKrnNm">검색임도 1-3</td></tr>
										<tr><th scope="col">번호</th><td id="tableSrtngSeq">검색임도 1-3</td></tr>
										<tr><th scope="col">결과타입</th><td id="srchRsltTpe">검색임도 1-3</td></tr>
										<tr><th scope="col">사용유무</th><td id="useYn">검색임도 1-3</td></tr>
										<tr><th scope="col">개요</th><td id="tableSmmar">검색임도 1-3</td></tr>
										<tr><th scope="col">구축현황</th><td id="tableCnstnStats">검색임도 1-3</td></tr>
										<tr><th scope="col">주체명</th><td id="tableCnstnMnbdNm">검색임도 1-3</td></tr>
										<tr><th scope="col">사용주체명</th><td id="tableUseMnbdNm">검색임도 1-3</td></tr>
										<tr><th scope="col">유통주체명</th><td id="tableCrcltMnbdNm">검색임도 1-3</td></tr>
										<tr><th scope="col">시스템명</th><td id="tablePrusSysNm">검색임도 1-3</td></tr>
										<tr><th scope="col">서비스명</th><td id="tablePrusSrvcNm">검색임도 1-3</td></tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
					<div class="woodBoxFoot">
						<img src="./images/woodpopup03_bottom.png" alt="" />
					</div>
				</div>
			</div>
			

			<!--도형(점)-->
			<div class="selectShape" id="selectShapeSymbol">
				<div class="woodBox">
					<div class="woodBoxTop">
						<div>
							<img src="./images/bu_aw5.png" class="bu" alt="" />
							<span style="font-size:13px;font-weight:bold">점</span>
							<img src="./images/btClose_off.png" width="29" height="26" alt="" onclick="jQuery('#selectShapeSymbol').hide()" class="RollOver closeBtn" />
						</div>
					</div>
					<div class="woodBoxBody">
						<div class="contents">
							<div class="text_box">
								<div class="shapeWarp">
									<label for="size">심볼</label>
									<ul class="simbol" id="symbolImages">
										<li id="symbol01"><img src="images/symbol01.png" alt="파란깃발" /></li>
										<li id="symbol02"><img src="images/symbol02.png" alt="빨간깃발" /></li>
										<li id="symbol03"><img src="images/symbol03.png" alt="녹색깃발" /></li>
										<li id="symbol05"><img src="images/symbol05.png" alt="유적" /></li>
										<li id="symbol06"><img src="images/symbol06.png" alt="등산로" /></li>
										<li id="symbol07"><img src="images/symbol07.png" alt="굴" /></li>
										<li id="symbol04"><img src="images/symbol04.png" alt="집" /></li>
										<li id="symbol08"><img src="images/symbol08.png" alt="산" /></li>
										<li id="symbol09"><img src="images/symbol09.png" alt="화로" /></li>
										<li id="symbol10"><img src="images/symbol10.png" alt="풍선" /></li>
										<li id="symbol11" class="mt8"><img src="images/symbol11.png" alt="유물" /></li>
										<li id="symbol12" class="mt8"><img src="images/symbol12.png" alt="폭포" /></li>
										<li id="symbol13" class="mt8"><img src="images/symbol13.png" alt="산" /></li>
									</ul>
									<label for="size">크기</label>
									<input type="text" title="심볼폭" id="symbolWidth" name="symbolWidth" style="width:90px;" />
									<input type="text" title="심볼높이" id="symbolHeight" name="symbolHeight" style="width:90px;" />
									<input type="hidden" id="symbolSelectedFeatureId" name="symbolSelectedFeatureId" />
									<div class="bt">
										<ul>
											<li><a href="#" title="삭제" onclick="fn_removeSelectedShapeSymbol()"><img src="images/bt_delete.gif" alt="삭제" /></a></li>
											<li><a href="#" title="적용" onclick="fn_setAttributeSelectedShapeSymbol()"><img src="images/bt_apply.gif" alt="적용" /></a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="woodBoxFoot">
						<img src="./images/woodpopup05_bottom.png" alt="" />
					</div>
				</div>
			</div>
			<!--//도형(점)-->
			<!--도형(선)-->
			<div class="selectShape" id="selectShapeLine">
				<div class="woodBox">
					<div class="woodBoxTop">
						<div>
							<img src="./images/bu_aw5.png" class="bu" alt="" />
							<span style="font-size:13px;font-weight:bold">선</span>
							<img src="./images/btClose_off.png" width="29" height="26" alt="" onclick="jQuery('#selectShapeLine').hide()" class="RollOver closeBtn" />
						</div>
					</div>
					<div class="woodBoxBody">
						<div class="contents">
							<div class="text_box">
								<div class="shapeWarp">
									<label for="lineLineType">선종류</label>
									<select id="lineLineType" name="lineLineType" style="width:195px;">
										<option value="solid">실선</option>
										<option value="dot">점선</option>
										<option value="dash">파선</option>
										<option value="dashdot"> dashdot 파선</option>
										<option value="longdash"> longdash 파선</option>
										<option value="longdashdot"> longdashdot 파선</option>
									</select>
									<label for="lineLineColor">선색상</label>
									<input type="color" title="선색상" id="lineLineColor" name="polygonLineColor" css="colorPic" style="width:140px;" /><br />
									<!-- <a href="#" title="색상을 찾음">
										<img src="images/bt_find.gif" alt="찾기" />
									</a> -->
									<label for="lineLineThickness">선두께</label>
									<input type="text" title="선두께" id="lineLineThickness" name="polygonLineThickness" style="width:190px;" />
									<!-- <label for="opacity">투명도</label>
									<input type="text" title="투명도" id="opacity" name="opacity" style="width:190px;" /> -->
									<input type="hidden" id="lineSelectedFeatureId" name="lineSelectedFeatureId" />
									<div class="bt">
										<ul>
											<li><a href="#" title="삭제" onclick="fn_removeSelectedShapeLine()"><img src="images/bt_delete.gif" alt="삭제" /></a></li>
											<li><a href="#" title="적용" onclick="fn_setAttributeSelectedShapeLine()"><img src="images/bt_apply.gif" alt="적용" /></a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="woodBoxFoot">
						<img src="./images/woodpopup05_bottom.png" alt="" />
					</div>
				</div>
			</div>
			<!--//도형(선)-->
			<!--도형(텍스트)-->
			<div class="selectShape" id="selectShapeText">
				<div class="woodBox">
					<div class="woodBoxTop">
						<div>
							<img src="./images/bu_aw5.png" class="bu" alt="" />
							<span style="font-size:13px;font-weight:bold">텍스트</span>
							<img src="./images/btClose_off.png" width="29" height="26" alt="" class="RollOver closeBtn" />
						</div>
					</div>
					<div class="woodBoxBody">
						<div class="contents">
							<div class="text_box">
								<div class="shapeWarp">
									<label for="color">색상</label>
									<input type="color" title="색상" id="color" name="color" style="width:140px;" /><br />
									<!-- <a href="#" title="색상을 찾음">
										<img src="images/bt_find.gif" alt="찾기" />
									</a> -->
									<label for="size">크기</label>
									<input type="text" title="크기" id="size" name="size" style="width:190px;" />
									<label for="opacity">투명도</label>
									<input type="text" title="투명도" id="opacity" name="opacity" style="width:190px;" />
									<div class="bt">
										<ul>
											<li><a href="#" title="삭제"><img src="images/bt_delete.gif" alt="삭제" /></a></li>
											<li><a href="#" title="적용"><img src="images/bt_apply.gif" alt="적용" /></a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="woodBoxFoot"><img src="./images/woodpopup05_bottom.png" alt="" />
					</div>
				</div>
			</div>
			<!--//도형(텍스트)-->
			<!--도형(다각형/원)-->
			<div class="selectShape" id="selectShapePolygon">
				<div class="woodBox">
					<div class="woodBoxTop">
						<div>
							<img src="./images/bu_aw5.png" class="bu" alt="" />
							<span style="font-size:13px;font-weight:bold">다각형/원</span>
							<img src="./images/btClose_off.png" width="29" height="26" alt="" onclick="jQuery('#selectShapePolygon').hide()" class="RollOver closeBtn" />
						</div>
					</div>
					<div class="woodBoxBody">
						<div class="contents">
							<div class="text_box">
								<div class="shapeWarp">
									<label for="polygonLineType">선종류</label>
									<select id="polygonLineType" name="polygonLineType" style="width:195px;">
										<option value="solid">실선</option>
										<option value="dot">점선</option>
										<option value="dash">파선</option>
										<option value="dashdot"> dashdot 파선</option>
										<option value="longdash"> longdash 파선</option>
										<option value="longdashdot"> longdashdot 파선</option>
									</select>
									<label for="lineColor">선색상</label>
									<input type="color" title="선색상" id="polygonLineColor" name="polygonLineColor" style="width:140px;" /><br />
									<!-- <a href="#" title="색상을 찾음">
										<img src="images/bt_find.gif" alt="찾기" />
									</a> -->
									<label for="lineThick">선두께</label>
									<input type="text" title="선두께" id="polygonLineThickness" name="polygonLineThickness" style="width:190px;" />
									<label for="polygonColor">면색상</label>
									<input type="color" title="면색상" id="polygonFillColor" name="polygonFillColor" style="width:140px;" /><br />
									<!-- <a href="#" title="색상을 찾음">
										<img src="images/bt_find.gif" alt="찾기" />
									</a> -->
									<label for="opacity">투명도</label>
									<input type="text" title="투명도" id="polygonFillOpacity" name="polygonFillOpacity" style="width:190px;" />
									<input type="hidden" id="polygonSelectedFeatureId" name="polygonSelectedFeatureId" />
									<div class="bt">
										<ul>
											<li><a href="#" title="삭제" onclick="fn_removeSelectedShapePolygon()"><img src="images/bt_delete.gif" alt="삭제" /></a></li>
											<li><a href="#" title="적용" onclick="fn_setAttributeSelectedShapePolygon()"><img src="images/bt_apply.gif" alt="적용" /></a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="woodBoxFoot"><img src="./images/woodpopup05_bottom.png" alt="" />
					</div>
				</div>
			</div>
			<!--//도형(다각형/원)-->

			<!-- 인도네시아 영상-- -->
			<div class="pop" id="pop1">
				<div class="woodBox">
					<div class="woodBoxTop">
						<div>
							<img src="./images/bu_aw5.png" class="bu" alt="" />
							<span style="font-size:13px;font-weight:bold">백두대간 사진정보 (금강산:43건)</span>
							<img src="./images/btClose_off.png" width="29" height="26" alt="" class="RollOver closeBtn" />
						</div>
					</div>
					<div class="woodBoxBody">
						<div class="contents">
							<div class="text_box">
								<div class="gallery">
									<div class="gleft">
										<a href="#" title="갤러리이전페이지로 이동"><img src="images/btArrowLeft_off.png" alt="이전" /></a>
									</div>
									<div class="gimg">
										<img src="images/galleryNoimg_b.gif" alt="이미지 없음" /><br />
										<span>2013.02.19<br />Manmulsang area in 금강산</span>
									</div>
									<div class="gright">
										<a href="#" title="갤러리다음페이지로 이동"><img src="images/btArrowRight_off.png" alt="다음" /></a>
									</div>
									<ul id="gsbimg">
										<!-- <li><img src="images/galleryNoimg_s.gif" alt="이미지 없음" /></li>
										<li><img src="images/galleryNoimg_s.gif" alt="이미지 없음" /></li>
										<li><img src="images/galleryNoimg_s.gif" alt="이미지 없음" /></li>
										<li><img src="images/galleryNoimg_s.gif" alt="이미지 없음" /></li>
										<li><img src="images/galleryNoimg_s.gif" alt="이미지 없음" /></li> -->
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="woodBoxFoot">
						<img src="./images/woodpopup04_bottom.png" alt="" />
					</div>
				</div>
			</div>
			<!--//백두대간
			
			<!--년도별산불발생통계--
			<div class="pop" id="pop3">
				<div class="woodBox">
					<div class="woodBoxTop">
						<div>
							<img src="./images/bu_aw5.png" class="bu" alt="" />
							<span style="font-size:13px;font-weight:bold">년도별산불발생통계</span>
							<img src="./images/btClose_off.png" width="29" height="26" alt="" class="RollOver closeBtn" />
						</div>
					</div>
					<div class="woodBoxBody">
						<div class="contents">
							<div class="text_box">
								<div>
									<img src="./images/graph.gif" alt="그래프" />
								</div>
								<table border="0" summary="년도별산불발생통계" class="table_total2" cellspacing="1" cellpadding="5">
									<caption>년도별산불발생통계</caption>
									<tbody>
										<tr>
											<th scope="col"></th>
											<th scope="col">2010</th>
											<th scope="col">2011</th>
											<th scope="col">2012</th>
											<th scope="col">2013</th>
										</tr>
										<tr>
											<td scope="row" class="subt">건수</td>
											<td>282</td>
											<td>277</td>
											<td>197</td>
											<td>296</td>
										</tr>
										<tr>
											<td scope="row" class="subt">면적</td>
											<td>297</td>
											<td>1,090</td>
											<td>72</td>
											<td>552</td>
										</tr>
										<tr>
											<td scope="row" class="subt">건당피해</td>
											<td>1.1</td>
											<td>3.9</td>
											<td>0.4</td>
											<td>1.9</td>
										</tr>
										<tr>
											<td scope="row" class="subt">피해재적</td>
											<td>11</td>
											<td>53</td>
											<td>2</td>
											<td>67</td>
										</tr>
										<tr>
											<td scope="row" class="subt">피해액</td>
											<td>4,451</td>
											<td>29,063</td>
											<td>2,542</td>
											<td>25,020</td>
										</tr>
									</tbody>
								</table>
								<div class="bt">
									<a href="#" title="엑셀저장"><img src="images/bt_excelSave.gif" alt="엑셀저장" /></a>
									<a href="#" title="닫기"><img src="images/bt_close.gif" alt="닫기" /></a>
								</div>
							</div>
						</div>
					</div>
					<div class="woodBoxFoot">
						<img src="./images/woodpopup04_bottom.png" alt="" />
					</div>
				</div>
			</div>
			<!--//년도별산불발생통계-->
			
		</div>
	</div>
	<!-- //지도 레이어 -->
	<!-- 좌측 레이어 -->
	<div class="leftBox on left-container">
		<div class="reldiv" style="display:none;">
			<div class="pencil">
				<img src="./images/bt_pencilClose_off.png" width="40" height="121" class="RollOver" alt="" />
			</div>
		</div>
		<!-- 주소검색 -->
		<div id="totalSearch" class="totalSearch">
			<div id="totalSearchTitle"><img src="/images/title00.png" alt="통합겁색" /></div>
		
			<select style="width:90px; display:none;">
				<option value="searchAddr" label="주소검색" ></option>
				<option value="searchBldg" label="건물명" ></option>
				<option value="searchNtSpotNo" label="국가지점번호" ></option>
			</select>
			<input name="poisearch-text" type="text" title="통합검색 검색어" id="poisearch-text" style="width: 188px; " />
			<span class="pointer" id="poi-search-btn">
				<input type="image" src="./images/bt_search.gif" alt="검색" onclick="fn_selectTotalSearch()" />
			</span>
		</div>
		<!-- //주소검색 -->
		<!-- 왼쪽 메뉴 accordion -->
		<div class="accordion" id="left-boxes">
			<!-- woodBox : GeoTag -->
			<div class="woodBox accordion-group">
				<div class="woodBoxTop accordion-heading">
					<a class="accordion-toggle" data-toggle="collapse" data-parent="#left-boxes" href="#left-box1">
						<div>
							<img src="./images/title01.png" height="20" alt="GeoTag" />
							<img src="./images/btClose_off.png" width="29" height="26" alt="" class="RollOver closeBtn" />
						</div>
					</a>
				</div>
				<div id="left-box1" class="woodBoxBody accordion-body collapse in">
					<div class="contents accordion-inner">
						<!-- GeoTag 검색 및 추가 -->
						<div class="text_box accordion">
							<div class="geoSearch">
								<input id="geosearch-text" name="geosearch-text" type="text" 
									title="검색어" size="20" style="width:128px;" /><input id="geosearch-btn" name="geosearch-btn" 
									type="image" src="./images/bt_search.gif" onclick="fn_showGeoTagListWindow(1)" alt="검색" /><a href="#" 
									title="GeoTag를 추가합니다." onclick="fn_objShow('#addGeoTag')"><img src="./images/bt_add.gif" alt="추가" /></a>
								<!-- <input type="checkbox" /> 지도영역내 검색 -->
							</div>
							<ul id="geoTagList" class="geotagWrap" >
							</ul>
							<div id="geoTagPaging" class="dataTables_paginate paging_bootstrap pagination">
								<ul>
									<!-- <li class="prev disabled"><a href="#">← 이전</a></li>
									<li class="active"><a href="#">1</a></li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#">4</a></li>
									<li><a href="#">5</a></li>
									<li class="next disabled"><a href="#">다음 →</a></li> -->
								</ul>
							</div>
						</div>
						<!-- //GeoTag 검색 및 추가 -->
					</div>
				</div>
				<div class="woodBoxFoot">
					<img src="./images/woodBg_05.png" width="284" height="10" alt="" />
				</div>
			</div>
			<!-- //woodBox : GeoTag -->
			<!-- woodBox : 정보조회 -->
			<div class="woodBox accordion-group" style="display:none;">
				<div class="woodBoxTop accordion-heading">
					<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#left-boxes" href="#left-box3">
						<div>
							<img src="./images/title02.png" height="20" alt="정보조회" />
							<img src="./images/btMax_off.png" width="29" height="26" alt="" class="RollOver closeBtn" />
						</div>
					</a>
				</div>
				<div id="left-box3" class="woodBoxBody accordion-body collapse">
					<div class="contents accordion-inner" id="searchWebServiceContainer">
						<br />
						<br />
						<br />
						<br />
						<br />
						
						<!-- 정보조회 -->
						<!-- <div class="text_box accordion">
							<div class="popTitle">
								주제도&nbsp;
								<select style="width:155px;">
									<option>임상도</option>
								</select>
							</div>
							<p><img src="./images/bu_aw.gif" />&nbsp;속성검색조건</p>
							<div>
								<select style="width:80px;">
									<option>관리소</option>
								</select>
								<select style="width:160px;">
								<option>수유국유림관리소</option>
									</select>
								<select style="width:80px;">
									<option>관리소</option>
								</select>
								<select style="width:160px;">
									<option>수유국유림관리소</option>
								</select>
								<select style="width:80px;">
									<option>관리소</option>
								</select>
								<select style="width:160px;">
									<option>수유국유림관리소</option>
								</select>
							</div>
							<p><img src="./images/bu_aw.gif" />&nbsp;공간검색조건</p>
							<div style="background-color: #F4F4F4; text-align:center;padding:10px; ">
								<a href="#" title="원형"><img src="images/img_circle.png" alt="원형" /></a>&nbsp;&nbsp;
								<a href="#" title="다각형"><img src="images/img_polygon.png" alt="다각형" /></a>&nbsp;&nbsp;
								<a href="#" title="자유형"><img src="images/img_freestyle.png" alt="자유형" /></a>
							</div>
							<div class="bt">
								<a href="#" title="범례"><img src="images/bt_legend.gif" alt="범례" /></a>
								<a href="#" title="항목조회"><img src="images/bt_article.gif" alt="항목조회" /></a>
								<a href="#" title="검색"><img src="images/bt_search4.gif" alt="검색" /></a>
							</div>
						</div> -->
						<!-- //정보조회 -->
					</div>
				</div>
				<div class="woodBoxFoot">
					<img src="./images/woodBg_05.png" width="284" height="10" alt="" />
				</div>
			</div>
			<!-- //woodBox : 정보조회 -->
			<!-- woodBox : 재해통계 -->
			<div class="woodBox accordion-group">
				<div class="woodBoxTop accordion-heading">
					<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#left-boxes" href="#left-box4">
						<div>
							<img src="./images/title03.png" height="20" alt="재해통계" />
							<img src="./images/btMax_off.png" width="29" height="26" alt="" class="RollOver closeBtn" />
						</div>
					</a>
				</div>
				<div id="left-box4" class="woodBoxBody accordion-body collapse">
					<div class="contents accordion-inner">
						<div class="text_box accordion">
							<!--재해통계-->
							<div class="dataWrap">
								<h3><img src="images/iconMount_ckd01.gif" alt="산림자원" /></h3>
								<ul class="data">
									<li onclick="fn_testMapChart()">맵차트 테스트</li>
									<li onclick="fn_testCircle()">원그리기</li>
									<li onclick="fn_testRemoveCircle()">원삭제</li>
								</ul>
								<p class="dot"></p>
								<h3><img src="images/iconMount_ckd02.gif" alt="산림이용" /></h3>
								<ul class="data">
									<li onclick="fn_testPointSearch('attrPoint')">점형 검색</li>
									<li onclick="fn_testPointSearch('attrCircle')">원형 검색</li>
									<li onclick="fn_testPointSearch('attrPolygon')">다각형 검색(shift 키 조합)</li>
									
								</ul>
								<p class="dot"></p>
								<h3><img src="images/iconMount_ckd03.gif" alt="산림보호" /></h3>
								<ul class="data">
									<li onclick="fn_testTonggeo()">소나무재서충발생통계</li>
									<li>고사목발견/조치이력</li>
									<li>별해충별발생현황통계</li>
								</ul>
							</div>
							<!--재해통계-->
						</div>
					</div>
				</div>
				<div class="woodBoxFoot">
					<img src="./images/woodBg_05.png" width="284" height="10" alt="" />
				</div>
			</div>
			<!-- //woodBox : 재해통계 -->
		</div>
		<!-- //왼쪽 메뉴 accordion -->
	</div>
	<!-- //좌측 레이어 -->
	<!-- 도구모음 -->
	<div class="right">
		<div class="reldiv">
			<div class="bt_full">
				<img src="./images/bt_full_off.png" width="28" height="26" class="RollOver" alt="" />
			</div>
		</div>
		<ul>
			<li><img src="./images/tools_off_01.png" alt="" /></li>
			<li>
				<a title="확대" href="#" class="" data-tool="zoomin" onclick="fn_setControl('zoomIn')">
					<img src="./images/tools_off_03.png" class="RollOver" alt="확대" />
				</a>
			</li>
			<li>
				<a title="축소" href="#" class="" data-tool="zoomout" onclick="fn_setControl('zoomOut')">
					<img src="./images/tools_off_04.png" class="RollOver" alt="축소" />
				</a>
			</li>
			<li><img src="./images/tools_off_07.png" alt="" /></li>
			<li>
				<a title="이동" href="#" class="" data-tool="pan" onclick="fn_setControl('drag')">
					<img src="./images/tools_off_08.png" class="RollOver" alt="이동" />
				</a>
			</li>
			<li>
				<a title="이전" href="#" class=""  onclick="fn_mapCommend('prevExtent')">
					<img src="./images/tools_off_09.png" class="RollOver" alt="이전" />
				</a>
			</li>
			<li>
				<a title="다음" href="#" class=""   onclick="fn_mapCommend('nextExtent')">
					<img src="./images/tools_off_10.png" class="RollOver" alt="다음" />
				</a>
			</li>
			<li>
				<a title="새로고침" href="#" class=""  onclick="fn_mapCommend('clean')">
					<img src="./images/tools_off_11.png" class="RollOver" alt="새로고침" />
				</a>
			</li>
			<li>
				<a title="거리재기" href="#" class="" onclick="fn_setControl('measurePath')">
					<img src="./images/tools_off_13.png" class="RollOver" alt="거리재기" />
				</a>
			</li>
			<li>
				<a title="면적재기" href="#" class="" onclick="fn_setControl('measurePolygon')">
					<img src="./images/tools_off_14.png" class="RollOver" alt="면적재기" />
				</a>
			</li>
			<li><img src="./images/tools_off_18.png" alt="" /></li>
		</ul>
		<ul>
			<!-- <li><img src="./images/tools_draw.png" alt="그리기도구" /></li> -->
			<li>
				<a title="글자입력" href="#" class=""  onclick="fn_setControl('drawText')">
					<img src="./images/toolsDraw_off_01.png" class="RollOver" alt="글자입력" />
				</a>
			</li>
			<li>
				<a title="도형속성변경" href="#" class=""  onclick="fn_editDrawSelectFeature()">
					<img src="./images/toolsDraw_off_05.png" class="RollOver" alt="도형속성변경" />
				</a>
			</li>
			<li><img src="./images/toolsDraw_off_02.png" class="RollOver shapeSelect-toggle" alt="점|선|다각형|원|텍스트|선택" /></li>
			<li>
				<a title="다분면창" href="#" class="" onclick="fn_showMutiMapWindow()">
					<img src="./images/toolsDraw_off_03.png" class="RollOver" alt="다분면창" />
				</a>
			</li>
			<li>
				<a title="인도네시아 영상" href="#" class="" onclick="fn_showIndonesiaImageWindow()">
					<img src="./images/toolsDraw_off_04.png" class="RollOver" alt="인도네시아 영상" />
				</a>
			</li>
			<li><img src="./images/tools_off_18.png" alt="" /></li>
		</ul>
		<div class="reldiv shapeSelect-container">
			<!-- 도형 선택 팝업 -->
			<div class="shapeSelect sideby">
				<ul>
					<li style="border-right:1px dashed #B5B5B5;"><a href="#" title="점" onclick="fn_setControl('drawSymbol')">점</a></li>
					<li style="border-right:1px dashed #B5B5B5;"><a href="#" title="선" onclick="fn_setControl('drawLine')">선</a></li>
					<li><a href="#" title="다각형" onclick="fn_setControl('drawPolygon')">다각형</a></li>
					<li style="border-top: 1px dashed #B5B5B5; border-right: 1px dashed #B5B5B5;"><a href="#" title="원"  onclick="fn_setControl('drawEllipse')">원</a></li>
					<li style="border-top: 1px dashed #B5B5B5; border-right: 1px dashed #B5B5B5;"><a href="#" title="텍스트"  onclick="fn_setControl('drawCircle')">타원</a></li>
					<li style="border-top:1px dashed #B5B5B5;"><a href="#" title="선택" onclick="fn_setControl('drawEdit')">선택</a></li>
				</ul>
			</div>
			<!-- //도형 선택 팝업 -->
		</div>
	</div>
	<!-- //도구모음 -->
	<!-- 우측 레이어 -->
	<div class="rightBox">
		<div class="reldiv">
			<div class="bt_MapList">
				<a href="#" title="지도목록 열기">
					<img src="./images/btOpenList_off.png" width="28" height="146" class="RollOver" alt="지도목록 열기" />
				</a>
			</div>
			<!-- 줌 슬라이더 -->
			<div class="zoom">
				<ul>
					<li>
						<img src="./images/zoom_off_01.png" width="28" height="23" class="RollOver" id="custom-zoom-slider-up" alt="" />
					</li>
					<li>
						<div id="custom-zoom-slider-container">
							<div id="custom-zoom-slider">
							</div>
						</div>
					</li>
					<li>
						<img src="./images/zoom_off_03.png" width="28" height="23" class="RollOver" id="custom-zoom-slider-down" alt="" />
					</li>
				</ul>
			</div>
			<!-- //줌 슬라이더 -->
		</div>
		<div>
			<div class="woodBoxTopRight">
				<table style="width:100%; border-spacing:0; border:none;">
					<tr>
						<td style="width:85%;"><img src="./images/title_right.png" alt="지도 목록" /></td>
						<td style="width:15%; text-align:right;">&nbsp;</td>
					</tr>
				</table>
			</div>
			<div class="woodBoxBodyRight">
				<div>
					<img src="./images/rightMenu_02.png" width="214" height="32" alt="지도관리" />
				</div>
				<div id="map-layer-select">
					<ul class="sideby">
						<li class="active">
							<a href="#" onclick="fn_rightMenu_1()" title="산림지도">
								<img src="./images/rightMenu_chkd_03.png" width="107" height="32" alt="산림지도" />
							</a>
						</li>
						<li>
							<a href="#" onclick="fn_rightMenu_2()" title="배경지도">
								<img src="./images/rightMenu_unchkd_04.png" width="107" height="32" alt="배경지도" />
							</a>
						</li>
					</ul>
				</div><!-- 이순현 : overflow 저게 문제인 줄 알았더니 jquery.slider()가 문제 -->
				<div class="tab-content" style="padding:10px; clear:both; height:420px; ">
					<!-- 산림주제도 -->
					<div class="tab-pane active" id="right-tab1-1">
						<div id="right-tab1-menu">
							<ul class="sideby">
								<li><a href="#" onclick="document.thematicTree.fn_thematicContent1()"><img src="./images/iconMountS_ckd01.gif" alt="산림자원" id="ckd01"/></a></li>
								<li><a href="#" onclick="document.thematicTree.fn_thematicContent2()"><img src="./images/iconMountS_unckd02.gif" alt="산림이용" id="ckd02"/></a></li>
								<li><a href="#" onclick="document.thematicTree.fn_thematicContent3()"><img src="./images/iconMountS_unckd03.gif" alt="산림보호" id="ckd03" /></a></li>
							</ul>
						</div>
						<div id="right-tab2-menu" style="display: none;">
							<ul class="sideby">
								<li><a href="#" onclick="document.thematicTree.fn_thematicContent4()"><img src="./images/iconMountS_unckd03.gif" alt="배경지도" id="ckd04"/></a></li>
								<li><a href="#" onclick="document.thematicTree.fn_thematicContent5()"><img src="./images/iconMountS_unckd03.gif" alt="유관기관정보" id="ckd05"/></a></li>
								<li><a href="#" onclick="document.thematicTree.fn_thematicContent6()"><img src="./images/iconMountS_unckd03.gif" alt="영상지도" id="ckd06"/></a></li>
							</ul>
						</div>
						<!-- 오른쪽 트리 레이어 -->
						<div id="thematic-content">
							<iframe id="thematicTree" name="thematicTree" width="180" height="360" src="thematicTree.do"
									frameborder="0" marginwidth="0" marginheight="0" scrolling="yes"></iframe>
						</div>
						<!-- //오른쪽 트리 레이어 -->
					</div>
					<!-- //산림주제도 -->
				</div>
			</div>
			<div class="woodBoxFoot">
				<img src="./images/woodBg_05_2.png" width="230" height="10" alt="" />
			</div>
		</div>
	</div>
	<!-- //우측 레이어 -->
	<!-- 하단 : 주소검색결과 -->
	<div class="bottom-container">
		<!-- bottom-container-inner -->
		<div class="bottom-container-inner" style="height:310px">
			<div class="head">
				<div>
					<img src="./images/bu_aw5.png" class="bu" alt="" />
					<span style="font-size:13px;font-weight:bold">검색결과</span>
					<img src="./images/btClose_off.png" width="29" height="26" alt="" class="RollOver closeBtn" 
						onclick="$('body').trigger('bottomClose');"/>
				</div>
			</div>
			<div class="wrapContents">
				<div class="bottom_box">
					<div class="contentsList">
						<div class="tableBox" id="bottom-table-container">
							<input type="hidden" id="searchText" />
							<div id="buttomTabs">
								<ul>
									<li><a id="addrTab-btn" href="#searchAddrTab">주소</a></li>
									<li><a id="bldgTab-btn" href="#searchBldgTab">건물</a></li>
									<li><a id="forestInfoTab-btn" href="#searchForestInfoTab">산림정보</a></li>
									<!-- <li><a id="geoTagTab-btn" href="#searchGeoTagTab">GeoTag</a></li>
									<li><a id="ntSpotNoTab-btn" href="#searchNtSpotNoTab">국가지점번호</a></li> -->
								</ul>
								<div id="searchAddrTab">
									<iframe id="totalSearchResult" name="totalSearchResult" width="790" height="180"
									frameborder="0" marginwidth="0" marginheight="0" ></iframe>
								</div>
								<div id="searchBldgTab">
									<iframe id="bldgSearchResult" name="bldgSearchResult" width="790" height="180"
									frameborder="0" marginwidth="0" marginheight="0" ></iframe>
								</div>
								<div id="searchForestInfoTab">
									<iframe id="forestInfoSearchResult" name="forestInfoSearchResult" width="790" height="180"
									frameborder="0" marginwidth="0" marginheight="0" ></iframe>
								</div>
								<!-- <div id="searchNtSpotNoTab"></div>
								<div id="searchGeoTagTab">
									<iframe id="geoTagSearchResult" name="geoTagSearchResult" width="790" height="180"
									frameborder="0" marginwidth="0" marginheight="0" ></iframe>
								</div> -->
							</div>	
							<!--주소검색결과 목록-->
							<!-- <table id="result-table" aria-describedby="result-table_info"
								class="table table-striped table-bordered table-hover table-condensed dataTable" >
								<caption></caption>
								<thead>
									<tr role="row">
										<th scope="col">새주소</th>
										<th scope="col">구주소</th>
										<th scope="col">지도이동</th>
									</tr>
								</thead>
								<tbody aria-relevant="all" aria-live="polite" role="alert">
									<tr class="odd">
										<td>대전시청우체국</td>
										<td>대전 서구 둔산동 1420</td>
										<td class="text-center">
											<img src="./images/Map_pin1.png" alt="지도이동" />
										</td>
									</tr>
									<tr class="even">
										<td>대전시청우체국</td>
										<td>대전 서구 둔산동 1420</td>
										<td class="text-center">
											<img src="./images/Map_pin1.png" alt="지도이동" />
										</td>
									</tr>
								</tbody>
							</table>
							//주소검색결과 목록
							주소검색결과 개수 및 페이징
							<div class="row-fluid">
								<div class="span6">
									<div id="result-table_info" class="dataTables_info">
										총 : 157 건
									</div>
								</div>
								<div class="span6">
									<div class="dataTables_paginate paging_bootstrap pagination">
										<ul>
											<li class="prev disabled"><a href="#">← 이전</a></li>
											<li class="active"><a href="#">1</a></li>
											<li><a href="#">2</a></li>
											<li><a href="#">3</a></li>
											<li><a href="#">4</a></li>
											<li><a href="#">5</a></li>
											<li class="next"><a href="#">다음 → </a></li>
										</ul>
									</div>
								</div>
							</div> -->
							<!--//주소검색결과 개수 및 페이징-->
						</div>
					</div>
				</div>
			</div>
			<div class="foot">
				<img src="./images/woodpopup_031.png" width="871" height="23" alt="">
			</div>
		</div>
		<!-- //bottom-container-inner -->
	</div>
	<!-- //하단 : 주소검색결과 -->

	<!--GeoTag 추가-->
	<div class="addGeoTag" id="addGeoTag" style="display:none; ">
		<div class="woodBox">
			<div class="woodBoxTop">
				<div>
					<img src="./images/bu_aw5.png" class="bu" alt="" />
					<span style="font-size:13px;font-weight:bold">GeoTag 추가</span>
					<img src="./images/btClose_off.png" width="29" height="26" 
						alt="" class="RollOver closeBtn" onclick="fn_objHide('#addGeoTag')" />
				</div>
			</div>
			<div class="woodBoxBody">
				<div class="contents">
					<div class="text_box">
						<div class="shapeWarp">
							<label for="geoTagSubjc">제목</label>
							<input type="text" title="제목" id="geoTagSubjc" name="geoTagSubjc" 
								placeholder="제목" style="width:240px;" />
							<label for="geoTagCont">내용</label>
							<textarea id="geoTagCont" name="geoTagCont" 
								placeholder="내용" style="width:240px; height:50px;"></textarea>
							<label for="geoTagTagNm">태그</label>
							<input type="text" title="태그" id="geoTagTagNm" name="geoTagTagNm" 
								placeholder="태그" style="width:240Px;" />
							<label for="fileCtrl">이미지</label>
							<input type="file" name="fileCtrl" id="fileCtrl" onchange="fn_fileExtChk()"
								style="width:240Px;"/>
							<label for="geoTagOttpbYn">공개여부</label>
							<input type="checkBox" id="geoTagOttpbYn" name="geoTagOttpbYn" value="Y" style="margin-top: 4px;" /> 대시민 공개여부 
							<input type="hidden" id="geoTagXcrd" name="geoTagXcrd" value="" />
							<input type="hidden" id="geoTagYcrd" name="geoTagYcrd" value="" />
							<input type="hidden" id="filepath" name="filepath" value="/geotag" />
							<input type="hidden" id="systemId" name="systemId" value="FDMS" />
							<div class="bt">
								<ul>
									<li><a href="#" title="저장" onclick="fn_showGeoTagRegWindow('addGeoTag', 'fileCtrl')"><img src="images/bt_save.gif" alt="저장" /></a></li>
									<li><a href="#" title="위치선택" onclick="fn_setGeoTagCrdSearch()"><img src="images/bt_find.gif" alt="위치선택" /></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="woodBoxFoot">
				<img src="./images/woodpopup05_bottom.png" alt="" onclick=""/>
			</div>
		</div>
	</div>
	<!--//GeoTag 추가-->

	<!--GeoTag 상세조회-->
	<div class="geoTagDetail" id="geoTagDetail" style="display:none; ">
		<div class="woodBox">
			<div class="woodBoxTop">
				<div>
					<img src="./images/bu_aw5.png" class="bu" alt="" />
					<span style="font-size:13px;font-weight:bold">GeoTag 상세조회</span>
					<img src="./images/btClose_off.png" width="29" height="26" alt="" class="RollOver closeBtn" />
				</div>
			</div>
			<div class="woodBoxBody">
				<div class="contents">
					<div class="text_box">
						<div>
							<div id="geoTagDetailSubjc" class="popTitle">제목</div>
							<div id="geoTagDetailCont" class="popContent">
								내용
								<img src="" />
								<p style="text-align:right;">▲ 태그</p>
							</div>
							<div class="bt">
									<a href="#" title="닫기" onclick="fn_objHide('#geoTagDetail')">
										<img src="images/bt_close.gif" alt="닫기" />
									</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="woodBoxFoot">
					<img src="./images/woodpopup03_bottom.png" alt="" />
			</div>
		</div>
	</div>
	<!--//GeoTag 상세조회-->


<div class="woodPopup" id="chartDiv" style="display: none; background-color: black;">
	<div class="head">
		<img src="./images/bu_aw5.png" class="bu" alt="" />
		<span style="font-size:13px;font-weight:bold">chartDiv</span>
		<img src="./images/btClose_off.png" width="29" height="26" alt="" class="RollOver closeBtn" />
	</div>
	<div class="contents">
		<div class="wrapContents">
			<div class="menuBar">
				메뉴바
			</div>
		</div>
	</div>
		<div class="woodBoxFoot">
				<img src="./images/woodpopup04_bottom.png" alt="" />
		</div>
	</div>
</div>







<!-- 기존 메인
<div id="leftMenu" style="position: absolute; top: 5px; left: 5px; z-index: 99999;">
	<a href="#locationSearch" onclick="fn_showAddressSearch()">
		<img src="" alt="위치검색">
	</a>
	<a href="#bldgSearch" onclick="fn_showBuildingSearch()">
		<img src="" alt="건물검색">
	</a>
	<a href="#geoTag" onclick="fn_showGeoTag()">
		<img src="" alt="GeoTag">
	</a>
	<a href="#webService" onclick="fn_showWebService()">
		<img src="" alt="정보조회">
	</a>
	<a href="#disasterMap" onclick="fn_showDisasterMap()">
		<img src="" alt="재해지도">
	</a>
	<a href="#fmapState" onclick="fn_showFmapState()">
		<img src="" alt="산림통계">
	</a>
	<a href="#" onclick="fn_testMessage();">
		메세지 
	</a>
</div>

<div id="searchContainer"
							style="position:absolute; top:55px; left:5px; z-index:99999;">

</div>


<div id="map" name="name"
							style="width:900px;height:800px; border:1px solid #000000;">
	<div class="map_control" id="controlDiv"></div>
	
	<div class="draw_control">
		<img src="/images/content/gmap/draw/draw_off.png" id="btn_draw"
									title="그리기" alt="그리기" style="cursor:default;" />
		<div style="display:none;" id="btn_drawTool"></div>
	</div>

	<div class="index_map">
		<img src="/images/content/gmap/btn_index.png" id="btn_index"
									title="인덱스맵" alt="인덱스맵" style="cursor:default;" />
	</div>

	<div id="loading" style="display:none;">
								<img src="/images/content/gmap/maploading.gif" />
							</div> 
</div>
		

		
//지도이미지저장//
<form id="saveForm" name="saveForm" method="post" action="">
	<input type="hidden" id="datas" name="datas" />
	<div align="center">
		파일명 : <input id='txtNam' name='txtNam' type="text" />
		<input type="button" onclick="fn_gMapSave()" value="저장" />
	</div>
</form>
 -->
 <!--임상도-->
<div id="im400TimeSlider" class="mapbarWrap" style="display:none;">
	<h3><img src="images/mapBar_ti.gif" alt="임상도" /></h3>
	<ul>
		<li class="no_mar">3차</li>
		<li></li>
		<li>4차</li>
		<li></li>
		<li>5차</li>
	</ul>
	<div id="time-slider" style="width:392px;"></div>
	<!-- <div class="mapbar">
		<img src="images/mapBar2.png" alt="임상도" style="width:50%; max-width:392px; height:5px;" />
	</div>
	<img src="images/mapBar_arrow.png" alt="임상도" class="mapbarButten" style="left:279px;" /> -->
</div>
<!--//임상도-->
 
 <form id="saveForm" name="saveForm" method="post" action="" style="display:none;">
	<input type="hidden" id="datas" name="datas" />
	<div align="center">
		파일명 : <input id='txtNam' name='txtNam' type="text" />
		<input type="button" onclick="fn_gMapSave()" value="저장" />
	</div>
</form>

</body>
</html>